"use strict"

$(function () {

    var _pageSize;

    function getUserByName(pageIndex, pageSize) {
        $.ajax({
            url: "/user",
            contentType: "application/json",
            data: {
                "async": true,
                "pageIndex": pageIndex,
                "pageSize": pageSize,
                "name": $("#user-list-search").val(),

            },
            success: function (data) {
                $("#user-list-container").html(data)
            },
            error: function () {
                toastr.error("error!");
            }
        })
    }

    // 分页
    $.tbpage("#mainContainer", function (pageIndex, pageSize) {
        getUserByName(pageIndex, pageSize);
        _pageSize = pageSize;
    });

    // 搜索
    $("#searchNameBtn").click(function () {
        getUserByName(0, _pageSize);
    });

    // 获取添加用户的界面
    $("#addUser").click(function () {
        $.ajax({
            url: "/user/add",
            success: function (data) {
                $("#userFormContainer").html(data);
            },
            error: function (data) {
                toastr.error("error!");
            }
        });
    });

    // 获取编辑用户的界面
    $("#rightContainer").on("click", ".blog-edit-user", function () {
        $.ajax({
            url: "/user/edit/" + $(this).attr("userId"),
            success: function (data) {
                $("#userFormContainer").html(data);
            },
            error: function () {
                toastr.error("error!");
            }
        });
    });

    // 提交变更后，清空表单
    $("#submitEdit").click(function () {
        $.ajax({
            url: "/user",
            type: 'POST',
            data: $('#userForm').serialize(),
            success: function (data) {
                $('#userForm')[0].reset();

                if (data.success) {
                    // 从新刷新主界面
                    getUserByName(0, _pageSize);
                } else {
                    toastr.error(data.message);
                }

            },
            error: function () {
                toastr.error("error!");
            }
        });
    });

    // 删除用户
    $("#rightContainer").on("click", ".blog-delete-user", function () {

        $.ajax({
            url: "/user/" + $(this).attr("userId"),
            type: 'DELETE',
            success: function (data) {
                if (data.success) {
                    // 从新刷新主界面
                    getUserByName(0, _pageSize);
                } else {
                    toastr.error(data.message);
                }
            },
            error: function () {
                toastr.error("error!");
            }
        });
    });
})